<div ng-controller="SessionController"></div>
<div data-ng-controller="ManagerController"
	data-ng-init="loadConferences()">
	<br>
	<br>
	<br>
	<h1 class="orangeHeader">List of all conferences</h1>
	
	<div style="float:left">
	<div class="formLabel" style="display:inline; font-weight:bolder;">Filter by:</div>
	
	<select style="display:inline" id="conference" name="category" type="text"
		placeholder="Category" ng-model="category"
		required ng-change="filterLecturesForLecturers()" ng-show="isLecturer()">
		<option >All</option>
		<option >Favorite</option>
	</select>
	<select id="conference" name="category" type="text"
		placeholder="Category" ng-model="category"
		required ng-change="filterLecturesForEmployees()" ng-show="isEmployee()">
		<option >All</option>
		<option >Mine</option>
	</select>
	</div>
	<div style="float:right">
		<button class="rightButton" ng-show="isEmployee()" ng-click="redirect('createConference')">Add
	new conference</button>
	</div>
	<div style="clear:both"></div>
	<br>
	<br>
	<table class="table table-striped">
		<thead class="tableHeader">
			<tr>
				<th>Conference name</th>
				<th>Location</th>
				<th>Start Time</th>
				<th>End time</th>
			</tr>
		</thead>
		<tbody>
			<tr ng-repeat="conference in conferences">
				<td class="font" style="width:40%; height:25px;"><a class="tableLink" href="#/conferences/{{conference.name}}">{{conference.name}}</a></td>
				<td class="font">{{conference.location}}</td>
				<td class="font">{{conference.startTime.slice(0,10)}}</td>
				<td class="font">{{conference.endTime.slice(0,10)}}</td>
			</tr>
		</tbody>
	</table>
</div>
<!-- 
 
 	private String name;
	private String location;
	@Temporal(TemporalType.DATE)
	private Date startTime;
	@Temporal(TemporalType.DATE)
	private Date endTime;
	@ManyToOne
	private Employee employee;
	@OneToMany(mappedBy = "conference")
	private List<Lecture> lectures;
	@ManyToMany(mappedBy = "conferences")
	private List<Lecturer> lecturers;
	 -->